@mixin center {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 竖直排列垂直居中
@mixin center-colum {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@mixin left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@mixin right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@mixin dot {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@mixin pic-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
